<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        *{
            margin: 0;
            padding: 0;
        }

        .box{
            width: 100%;
            background-color: #161617;
            color: rgba(255, 255, 255, .8);
        }

        ul{
            list-style: none;
            display: flex;
            justify-content: space-between;
            width: 996px;
            margin: 0 auto;
            height: 44px;
            font-style: normal;
            line-height: 44px;
            font-weight:lighter;
        }

        .ch{
            font-size:10px;
        }
        
        .en{
            font-size:11px;
        }

        li:hover{
            color: white;
            cursor: pointer;
        }
    </style>
</head>
<body>
    <div class="box">
        <ul>
            <li>
                <svg t="1726137138252" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1637" width="17" height="17"><path d="M495.957 308.139c-37.376 0-95.232-42.496-156.16-40.96-80.384 1.024-154.112 46.592-195.584 118.784-83.456 144.896-21.504 358.912 59.904 476.672 39.936 57.344 87.04 121.856 149.504 119.808 59.904-2.56 82.432-38.912 155.136-38.912 72.192 0 92.672 38.912 156.16 37.376 64.512-1.024 105.472-58.368 144.896-116.224 45.568-66.56 64.512-131.072 65.536-134.656-1.536-0.512-125.44-48.128-126.976-191.488-1.024-119.808 97.792-177.152 102.4-179.712-56.32-82.432-142.848-91.648-173.056-93.696-78.848-6.144-144.896 43.008-181.76 43.008z m133.12-120.832c33.28-39.936 55.296-95.744 49.152-151.04-47.616 2.048-104.96 31.744-139.264 71.68-30.72 35.328-57.344 92.16-50.176 146.432 52.736 4.096 107.008-27.136 140.288-67.072z" p-id="1638" fill=" rgba(255, 255, 255, .8)"></path></svg>
            </li>
            <li class="ch">商店</li>
            <li class="en">Mac</li>
            <li class="en">iPad</li>
            <li class="en">iPhone</li>
            <li class="en">Watch</li>
            <li class="en">Vision</li>
            <li class="en">AirPods</li>
            <li class="ch">家居</li>
            <li class="ch">娱乐</li>
            <li class="ch">配件</li>
            <li class="ch">技术支持</li>
            <li><svg t="1726138065876" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="6659" width="18" height="18"><path d="M936.07924064 843.92205756l-182.23171789-182.23171784c41.91329511-55.97117051 64.56209435-123.91756816 64.56209433-194.72760714 0-179.62840764-146.30603635-325.93444399-325.934444-325.93444401s-325.93444399 146.30603635-325.934444 325.93444401 146.30603635 325.93444399 325.934444 325.934444c77.05798358 0 149.43000865-26.29343356 207.48382738-74.45467334l180.66973171 180.66973176 55.45050847-55.19017744zM492.47517308 728.07475119c-143.96305712 0-260.85168762-117.14896149-260.85168761-260.85168757s117.14896149-260.85168762 260.85168761-260.85168763c143.96305712 0 260.85168762 117.14896149 260.85168759 260.85168763 0 67.42573564-25.51244051 131.20683689-71.85136302 179.88873864-49.72322588 52.06620511-116.88863049 80.96294896-189.00032457 80.96294893z" fill="rgba(255, 255, 255, .8)" p-id="6660"></path></svg></li>
            <li><svg t="1726138280864" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="16254" width="18" height="18"><path d="M862.717 1019.417H193.694c-27.1 0-49.157-22.057-49.157-49.158V320.885c0-27.101 22.056-49.157 49.157-49.157h669.023c27.101 0 49.157 22.056 49.157 49.157v649.373c0 27.102-22.056 49.159-49.157 49.159z m-669.023-698.93l-0.399 649.772 669.422 0.4c0.218 0 0.399-0.182 0.399-0.4V320.885l-669.422-0.399z m82.915-21.44l-49.34-4.743C243.192 128.513 374.67 3.494 533.106 3.494c153.426 0 284.41 120.59 304.7 280.502l-49.17 6.243C771.49 155.022 661.632 53.052 533.105 53.052c-132.773 0-243.043 105.757-256.497 245.995z" fill="rgba(255, 255, 255, .8)" p-id="16255"></path></svg></li>
        </ul>
    </div>
</body>
</html>